<template>
    <ContentBox title="丰县销售概况">
        <div class="content">
            <div>
                <div class="digiter-number digiterfontSize80 hl-red" >20<span class="hl-red">件</span></div>
                <div>追溯事件</div>
            </div>
            <div>
                <div class="digiter-number digiterfontSize80 hl-green">20<span class="hl-green">件</span></div>
                <div>追溯事件</div>
            </div>
            <div>
                <div class="digiter-number digiterfontSize80 hl-zi">20<span class="hl-zi">件</span></div>
                <div>追溯事件</div>
            </div>
            <div>
                <div class="digiter-number digiterfontSize80 hl-or">20<span class="hl-or">件</span></div>
                <div>追溯事件</div>
            </div>
        </div>
    </ContentBox>
</template>
<script>
    import ContentBox from "../../components/common/ContentBoxSmall"

    export default {
        name: "Preview",
        components: {
            ContentBox,
        }
    }
</script>

<style lang="scss" scoped>
    .content {
        height: 100%;
        width: 100%;
        padding: 40px;
        display: flex;
        flex-wrap: wrap;
        > div {
            height: 50%;
            width: 50%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            >div{
                span{
                    font-size: 40px;
                }
                &:last-child{
                    font-size: 40px;
                }
            }
        }
    }

</style>

